<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
           <meta http-equiv="X-UA-Compatible" content="IE=edge">
           <meta name="viewport" content="width=device-width, initial-scale=1">
            <title>{% block title %}Fortune Queries{% endblock %}</title>

           <!-- stylez -->
           <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" />
           <link href="{{ asset('css/bootstrap.min.css') }}" rel="stylesheet">
           <link href="{{ asset('css/styles.css') }}" rel="stylesheet">
           <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

           <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
           <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
           <!--[if lt IE 9]>
             <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
             <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
           <![endif]-->
    
        {% block stylesheets %}{% endblock %}
    
    </head>
    <body>
        <div class="navbar-like">
            <form class="navbar-form" role="search" style="position: absolute; right: 20px;" action="{{ path('homepage') }}">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="Search ..." name="q">
                </div>
            </form>

            <a href="{{ path ('homepage') }}">
                <img class="logo center-block" src={{ asset('images/fortune-logo.png') }}>
            </a>
        </div>
        {% block body %}{% endblock %}
        <footer class="footer">
            <div class="container">
                <p class="pull-left knpu">Brought to you with <i class="fa fa-heart knp-heart"></i> from <a href="http://knpuniversity.com/screencast/oo">KnpUniversity</a></p>
                <div class="social-icons">
                    <a class="btn btn-social-icon btn-twitter" href="http://twitter.com/KnpUniversity">
                        <i class="fa fa-twitter"></i>
                    </a>
                    <a class="btn btn-social-icon btn-facebook" href="http://facebook.com/Knplabs">
                        <i class="fa fa-facebook"></i>
                    </a>
                    <a class="btn btn-social-icon btn-github" href="http://github.com/knpuniversity">
                        <i class="fa fa-github"></i>
                    </a>
                </div>
            </div>
        </footer>
        {% block javascripts %}{% endblock %}
    </body>
</html>
